<!DOCTYPE html>
<html>
<head>
    <title>${keyTitle}-代码工具</title>
    <meta name="keywords" content="${keyTitle}"/>
    <meta name="description" content="${keyTitle}"/>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width" />
    <meta name="author" content="代码工具" data-url="http://www.shcodetool.cn"/>
    <meta name="robots" content="all" />
    <link rel="stylesheet" href="/css/font-awesome.min.css">
    <link rel="stylesheet" href="/layui/css/layui.css" />
    <link rel="stylesheet" href="/css/master.css" />
    <link rel="stylesheet" href="/css/gloable.css" />
    <link rel="stylesheet" href="/css/nprogress.css" />
    <link rel="stylesheet" href="/css/blog.css" />
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.4.0/styles/default.min.css">
</head>
<body>
<div class="header">
</div>
<header class="gird-header">
    <div class="header-fixed">
        <div class="header-inner">
            <a href="/" class="header-logo" id="logo">CodeTool</a>
            <nav class="nav" id="nav">
                <ul>
                    <li><a href="/">首页</a></li>
                    <li><a href="/artitles/back-end/1">后端</a></li>
                    <li><a href="/artitles/web/1">前端</a></li>
                    <li><a href="/artitles/server/1">服务器</a></li>
                    <li><a href="/artitles/database/1">数据库</a></li>
                    <li><a href="/artitles/xm/1">项目</a></li>
                    <li><a href="/artitles/tools/1">工具</a></li>
                    <li><a href="/sitemap">地图</a></li>
                </ul>
            </nav>
            <a class="phone-menu">
                <i></i>
                <i></i>
                <i></i>
            </a>
        </div>
    </div>
</header>
<div class="doc-container" id="doc-container">
    <div class="container-fixed">
        <div class="col-content" style="width:100%">
            <div class="inner">
                <article class="article-list">
                    <section class="article-item">
                        <#list artitleModel as articles>
                            <aside class="title" style="line-height:1.5;">
                                <h4>${articles.title}</h4>
                                <p class="fc-grey fs-14">
                                    <small class="ml10">更新于 <label>${articles.createtime?string("yyyy-MM-dd HH:mm:ss.SSS")}</label> </small>
                                </p>
                            </aside>
                            <div class="time mt10" style="padding-bottom:0;">
                                <span class="day">${articles.createtime?string("dd")}</span>
                                <span class="month fs-18">${articles.createtime?string("MM")}<small class="fs-14">月</small></span>
                                <span class="year fs-18">${articles.createtime?string("yyyy")}</span>
                            </div>


                            <div class="content artiledetail" style="border-bottom: 1px solid #e1e2e0; padding-bottom: 20px;">
                                ${articles.content}
                                <#if '${needPay}'==1>
                                    <div class="huoduan_hide_box" style="border:1px dashed #f3d6c3; padding:10px; margin:10px 0; line-height:200%; color:#F00;
                                background-color:#f4fbfd; overflow:hidden; clear:both;">
                                        <img class="wxpic" align="right" src="/picture/perwx.jpg" style="width:150px;height:150px;margin-left:20px;display:inline;
                                    border:none" width="150" height="150" alt="作者微信">
                                        <span style="font-size:18px;">此文章为收费文章，请输入用户名和验证码查看内容</span>
                                        <form method="post" style="margin:10px 0;">
                                        <span class="yzts" style="font-size:18px;float:left;">
                                            用户名：</span>
                                            <input name="huoduan_verifycode" id="yhmCode" name="yhmCode" type="text" value="" style="border:none;
                                            float:left;width:80px; height:32px; line-height:30px; padding:0 5px;
                                            border:1px solid #FF6600;-moz-border-radius: 0px;  -webkit-border-radius: 0px;
                                             border-radius:0px;">
                                            <span class="yzts" style="font-size:18px;float:left;">
                                            验证码：</span>
                                            <input name="huoduan_verifycode" id="verifycode" name="verifycode" type="text" value="" style="border:none;
                                            float:left;width:80px; height:32px; line-height:30px; padding:0 5px;
                                            border:1px solid #FF6600;-moz-border-radius: 0px;  -webkit-border-radius: 0px;
                                             border-radius:0px;">
                                            <input id="verifybtn" style="border:none;float:left;width:80px;
                                              height:32px; line-height:32px; padding:0 5px; background-color:#F60; text-align:center;
                                              border:none; cursor:pointer; color:#FFF;-moz-border-radius: 0px; font-size:14px;
                                              -webkit-border-radius: 0px;  border-radius:0px;" name="" type="button" value="查看" onclick="todetail('${articles.randcode}');">
                                        </form>
                                        <div style="clear:left;"></div>
                                        <span style="color:#00BF30">
                                        用户名和验证码获取方式：<br/>
                                        1：点击此处 <span style="color:blue"><a target="_blank" style="cursor:pointer" onclick="topay('${articles.randcode}');">线上支付获取</a></span> <br/>
                                        2：添加作者微信号 "<span style="color:blue">pdsffyd</span>"，
                                         <span style="color:blue">支付并获取</span>
                                    </span>
                                        <div class="cl"></div>
                                    </div>
                                    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" overflow="hidden" style="position:absolute;width:0;height:0">
                                        <defs>
                                            <symbol id="wbsico-close" viewbox="0 0 18 18">
                                                <path fill-rule="evenodd" d="M17.61.39a1.24 1.24 0 0 0-1.8 0L9 7.2 2.19.39C1.67-.13.9-.13.39.39s-.52 1.28 0 1.8L7.2 9 .39 15.81a1.24 1.24 0 0 0 0 1.8c.25.26.51.39.9.39s.64-.13.9-.39L9 10.8l6.81 6.81c.26.26.65.39.9.39s.65-.13.9-.39c.52-.51.52-1.28 0-1.8L10.8 9l6.81-6.81c.52-.52.52-1.29 0-1.8z"></path>
                                            </symbol>
                                            <symbol id="wbsico-donate" viewbox="0 0 9 18">
                                                <path fill-rule="evenodd" d="M5.63 8.1V4.61c.67.23 1.12.9 1.12 1.58S7.2 7.3 7.88 7.3 9 6.86 9 6.2a3.8 3.8 0 0 0-3.38-3.83V1.12C5.63.45 5.17 0 4.5 0S3.37.45 3.37 1.12v1.24A3.8 3.8 0 0 0 0 6.2C0 8.55 1.8 9.45 3.38 9.9v3.49c-.68-.23-1.13-.9-1.13-1.58S1.8 10.7 1.12 10.7 0 11.14 0 11.8a3.8 3.8 0 0 0 3.38 3.83v1.24c0 .67.45 1.12 1.12 1.12s1.13-.45 1.13-1.12v-1.24A3.88 3.88 0 0 0 9 11.8c0-2.36-1.8-3.26-3.38-3.7zM2.25 6.19c0-.79.45-1.35 1.13-1.58v2.93c-.8-.34-1.13-.68-1.13-1.35zm3.38 7.2v-2.93c.78.34 1.12.68 1.12 1.35 0 .79-.45 1.35-1.13 1.58z"></path>
                                            </symbol>
                                            <symbol id="wbsico-like" viewbox="0 0 16 16">
                                                <path fill-rule="evenodd" d="M13.3 6H9V2c0-1.5-.8-2-2-2-.3 0-.6.2-.6.5L4 8v8h8.6c1.3 0 2.4-1 2.6-2.3l.8-4.6c.1-.8-.1-1.6-.6-2.1-.5-.7-1.3-1-2.1-1M0 8h2v8H0z"></path>
                                            </symbol>
                                            <symbol id="wbsico-share" viewbox="0 0 14 16">
                                                <path fill-rule="evenodd" d="M11 6a3 3 0 1 0-3-2.4L5 5.6A3 3 0 0 0 3 5a3 3 0 0 0 0 6 3 3 0 0 0 1.9-.7l3.2 2-.1.7a3 3 0 1 0 3-3 3 3 0 0 0-1.9.7L6 8.7a3 3 0 0 0 0-1.3l3.2-2A3 3 0 0 0 11 6"></path>
                                            </symbol>
                                        </defs>
                                    </svg>

                                </#if>
 
                                <div class="copyright mt20">
                                    <p class="f-toe">
                                        上一篇：
                                        <a href="/artitle/${prerandcode}">${pretitle}</a>
                                    </p>
                                    <p class="f-toe">
                                        下一篇：
                                        <a href="/artitle/${nextrandcode}">${nexttitle}</a>
                                    </p>
                                </div>

                                <div id="aplayer" style="margin:5px 0"></div>
                            </div>

                            <div class="f-cb"></div>
                        </#list>
                    </section>
                </article>
            </div>
        </div>
    </div>
</div>
<footer class="grid-footer">
    <div class="footer-fixed">
        <div class="copyright">
            <div class="info">
                <p class="mt05" style="color: white">

                    友情链接：<a href="http://www.wewenku.cn" target="_blank" style="color: white">微文库</a>
                    <br>
                    备案号:  <a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank" style="color: white">沪ICP备19056564号-4</a>

                </p>
            </div>
        </div>
    </div>
</footer>
<script src="/layui/layui.js"></script>
<script src="/js/gloable.js"></script>
<script src="/js/nprogress.js"></script>
<script src="/js/string.util.js"></script>
<script src="/js/website.js"></script>
<script>NProgress.start();</script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.4.0/highlight.min.js"></script>
<script >hljs.initHighlightingOnLoad();</script>
<script>
    window.onload = function () {
        NProgress.done();
    };


</script>
</body>
</html>
